<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <title>千峰物流-运输协议</title>
    <!--layui-->
    <link rel="stylesheet" th:href="@{../../static/layui/css/layui.css}" href="../../static/layui/css/layui.css">

    <!--laydate-->
    <link rel="stylesheet" th:href="@{../../static/laydate/theme/default/laydate.css}">
    <!--layui修改样式-->
    <link rel="stylesheet" th:href="@{../../static/styles/layui-alter.css}" href="../../static/styles/layui-alter.css">
</head>
<body>
<div class="common-body layui-base" style="width: 1200px;height: auto;">
    <form id="userinfo" action="/insertagreement" method="post" class="layui-form"  name="userinfo">
        <table class="tbform inputGroup">
            <tr>
                <td style="font-size:14px;text-align:center;width: 80px;" th:name="transCarNumber">运输单号：</td>
                <td><input class=" layui-input" lay-verify="required|number" lay-reqtext="运输单号是必填项，岂能为空？" style="height: 33px;" type="text" id="transNum"></td>
                <td width="1%"> <span>*</span></td>
                <td style="font-size:14px;text-align:center;width: 80px;" th:name="transDepartDate">发车日期：</td>
                <td><input class=" layui-input" lay-verify="date" type="text" style="height: 33px;" th:id="transDepartDate" placeholder="yyyy-MM-dd"></td>
                <td style="font-size:14px;text-align:center;width: 80px;" th:name="transStarting">出发站：</td>
                <td>  <select class=" layui-btn-primary" lay-verify="required" id="transStarting" name="FromStation" style="width:100px;margin-left: 10px;"></select></td>
                <td width="1%"> <span>*</span></td>
                <td style="font-size:14px;text-align:center;width: 80px;" th:name="transReachCity" >到达城市：</td>
                <td><input name="ArriveCity"  lay-verify="required" style="height: 33px;width: 150px;" class=" layui-input" type="text" th:id="transReachCity"></td>
                <td width="1%"> <span>*</span></td>
                <td style="font-size:14px;text-align:center;width: 80px;">到达分站：</td>
                <td width="12%"> <select class=" layui-btn-primary" lay-verify="required"  id="transReachSubstation" name="ToStation" style="width: 80px;margin-left: 10px;">

                </select></td>
            </tr>
        </table>
        <table width="100%" class="tbform inputGroup">
            <tbody>
            <tr>
                <td width="60%" style="font-size:14px;" height="40" align="left" class="tdl" colspan="7">基本信息：</td>
                <td class="tdl">
                    <div style="font-size:14px;text-align:center">定位预约：</div>
                </td>
                <td>
                    <div>
                        <select name="GPSTime" id="GPSTime" >
                            <option value="">小时</option>
                            <option value="1">1</option>
                            <option value="3">3</option>
                            <option value="5">5</option>
                            <option value="8">8</option>
                            <option value="16">16</option>
                            <option value="24">24</option>
                        </select>
                    </div>

                </td>
                <td>

                    <div>
                        <span>
                            <select name="GPSNO" id="GPSNO"  >
                                <option value="">次数</option>
                                <option value="1">1</option>
                                <option value="3">3</option>
                                <option value="5">5</option>
                                <option value="8">8</option>
                                <option value="16">16</option>
                                <option value="24">24</option>
                            </select>

                        </span>
                    </div>


                </td>
            </tr>

            <tr>
                <td width="8%" height="40">
                    <div style="font-size:14px;text-align:center">司机姓名：</div>
                </td>
                <td width="12%">
                    <input name="Driver" type="text" lay-verify="required" class="layui-input" style="height:33px;" id="Driver"  autocomplete="off">
                </td>
                <td width="1%">
                    <span>*</span>
                </td>
                <td valign="middle" class="tdl" width="8%">
                    <div style="font-size:14px;text-align:center">车牌号码：</div>
                </td>
                <td width="12%">
                    <div>
                        <div>
                            <input name="CarNumber" lay-verify="required" type="text" class="layui-input" style="height:33px;" id="transCarNumber" >
                        </div>
                    </div>
                </td>
                <td width="1%">
                    <span>*</span>
                </td>

        <td class="tdl" width="8%">
            <div style="font-size:14px;text-align:center">联系电话：</div>
        </td>
        <td width="12%">
            <div>

                <div>
                    <input name="DriverMob" type="text"  lay-verify="required|phone" class="layui-input" style="height:33px;" id="DriverMob" >
                </div>
            </div>
        </td>
        <td class="tdl" width="8%">
            <div style="font-size:14px;text-align:center">车辆类型：</div>
        </td>
        <td width="12%">
            <div>
                <input name=" VehicleSize" type="text" lay-verify="required" class="layui-input" style="height:33px;" id="VehicleSize" >
            </div>
        </td>
        </tr>



        <tr>
            <td class=" " height="40">
                <div style="font-size:14px;text-align:center" th:name="transReceivingCom">收货单位：</div>
            </td>
            <td>
                <div>

                    <input name="ReceivingCompany" lay-verify="required" type="text" class="layui-input" style="height:33px;" id="transReceivingCom" autocomplete="off">

                </div>
            </td>
            <td width="1%">
                <span>*</span>
            </td>
            <td valign="middle" class="tdl">
                <div style="font-size:14px;text-align:center" th:name="transReveivingPers">收货人：</div>
            </td>
            <td>
                <div>
                    <div>
                        <input name="ReceivingUser"  lay-verify="required" type="text" class="layui-input" style="height:33px;" id="transReveivingPers" >
                    </div>
                </div>
            </td>
            <td width="1%">
                <span>*</span>
            </td>
            <td class="tdl">
                <div style="font-size:14px;text-align:center"  th:name="transReveivingPhone">联系电话：</div>
            </td>
            <td>
                <div>
                    <div>
                        <input name="ReceivingTel" id="transReveivingPhone" lay-verify="required|phone" type="text" class="layui-input" style="height:33px;">
                    </div>
                </div>
            </td>

            <td class="tdl">
                <div style="font-size:14px;text-align:center" th:name="transReveivingAddress">收货地址：</div>
            </td>
            <td>
                <div>
                    <div>
                        <input name="ReceivingAddress"  lay-verify="required" type="text" class="layui-input" style="height:33px;" id="transReveivingAddress" >
                    </div>
                </div>
            </td>
        </tr>

</tbody>
</table>
<table width="100%" class="tbform inputGroup">
    <tbody>
    <tr>
        <td width="100%" height="30" style="font-size:14px;" align="left" class="tdl" colspan="10">货运信息：</td>
    </tr>

    </tbody>
</table>
<table align="left" class="tbform inputGroup">
    <thead>
    <tr>

        <td valign="middle" class="tdl" height="40">
            <div style="font-size:14px;text-align:center" th:name="transPromiseDate" >承诺日期：</div>
        </td>
        <td class="tdl">
            <div>

                <input class="layui-input" lay-verify="required|date" placeholder="yyyy-MM-dd" style="height:33px;" type="text" id="transPromiseDate" name="ToStationTime">
            </div>

        </td>

        <td class="tdl">
            <div style="font-size:14px;text-align:center;margin-left: 10px;" th:name="transCarloadList">装车清单：</div>
        </td>
        <td>
            <div>

                <input class=" " name="ShippingOrderID" id="transCarloadList" type="text" disabled="disabled"  style="width:800px;height:33px;">
                <!--<input class=" " type="hidden" name="ShippingOrderIDs" id="ShippingOrderIDs" value="12312">-->

            </div>
        </td>
    </tr>
    </thead>
</table>
<table align="left" class="tbform inputGroup">

    <tbody >
    <tr height="80" >
        <td width="8%" height="40">
            <div style="font-size:14px;text-align:center;">总数量:</div>
        </td>
        <td class="tdl">
            <div style="font-size:14px;">
                        <span>
                            <input class="layui-input" lay-verify="required|number" style="text-align: center;" name="TransportTota" type="text"  id="carloadTotalNum"  >
                        </span>
            </div>
        </td>
        <td width="12%">
            <div style="font-size:14px;text-align:center;">重量/KG:</div>
        </td>
        <td class="tdl">
            <div style="font-size:14px;text-align:center">
                        <span>
                            <input class="layui-input" lay-verify="required" style="text-align: center;" name="TransPortWeight" type="text"  id="carloadTotalWeight"  value="0.00">
                        </span>
            </div>
        </td>
        <td width="12%">
            <div style="font-size:14px;text-align:center">体积/m³:</div>
        </td>
        <td class="tdl">
            <div style="font-size:14px;text-align:center">
                        <span>
                            <input class="layui-input" lay-verify="required" style="text-align: center;" name="TransPortVolume" type="text"  id="carloadTotalVolume"  value="0.00">
                        </span>
            </div>
        </td>
        <td width="12%">
            <div style="font-size:14px;text-align:center">现付:</div>
        </td>
        <td class="tdl">
            <div style="font-size:14px;text-align:center">
                        <span>
                            <input class="layui-input num" lay-verify="number|required" style="text-align: center;" name="DriverNowPay" type="text" id="transCashpay" >
                        </span>
            </div>
        </td>
    </tr>

    </tr>
    <tr  height="60">
        <td width="12%">
            <div style="font-size:14px;text-align:center">现付方式:</div>
        </td>
        <td class="tdl">
            <div style="font-size:14px;text-align:center">
                <select name="DriverNowPayType" id="transpayment"  style="width: 100px;max-width: 119px;height:28px;margin-top:2px;margin-left:0px;text-align:center; ">
                    <option value="现金支付" selected="selected">现金支付</option>
                    <option value="公司转账">公司转账</option>
                </select>
            </div>
        </td>
        <td width="12%">
            <div style="font-size:14px;text-align:center">回付:</div>
        </td>
        <td class="tdl">
            <div style="font-size:14px;text-align:center">
                        <span>
                            <input class="layui-input num" lay-verify="number|required"  name="DriverBackPay" type="text"  id="transBackPay" >
                        </span>
            </div>
        </td>
        <td width="12%">
            <div style="font-size:14px;text-align:center">分站支付:</div>
        </td>
        <td class="tdl">
            <div style="font-size:14px;text-align:center">
                        <span>
                            <input class="layui-input num" lay-verify="required|number"  name="StationPay" type="text" id="transSubstationPay" >
                        </span>
            </div>
        </td>
        <td width="12%">
            <div style="font-size:14px;text-align:center" >运费合计:</div>
        </td>
        <td class="tdl" height="40">
            <div style="font-size:14px;text-align:center">
                        <span>
                            <input class="layui-input " lay-verify="required"  name="AllPay" type="text"   id="transFreightTotal" >
                        </span>
            </div>
        </td>
    </tr>

    </tbody>
</table>
<table align="left" class="tbform" style="border: 0px solid #ccc;">
    <thead>
    <tr>
        <td colspan="12" rowspan="2" class="tdl" width="40%">
            <div style="margin-top:2px;margin-left:5px;">
                备注
                <p>

                    <textarea class="layui-input"  name="TransportRemark" cols="100" rows="2" id="TransportRemark" style="width: 360px;height:150px;margin-left: 35px;margin-top: -18px;"></textarea>
                </p>
            </div>
        </td>
    </tr>
    <tr>
        <td class="tdl"  align="center">开单员：</td>
        <td class="tdl" >
            <div>
                <input class="layui-input" name="EmployeeName" type="text" disabled="disabled"  id="carloadOperator"  >

            </div>
        </td>
        <td class="tdl"  >
            <div style="font-size:14px;text-align:center">装车序号：</div>
        </td>
        <td  >
                <input class="layui-input" name="ShippingNumberIDs" type="text"  disabled="disabled"  id="transCarloadSeqNum" >
              <!--  <input class="layui-input" name="ShippingNumberID" type="hidden" value="1" id="ShippingNumberID">-->

        </td>
    </tr>
    <tr>
        <td colspan="6"  height="40" style="width: 1200px;">
            <input  type="button" class="layui-btn layui-btn-normal"  lay-submit lay-filter="btnsave" style="margin-top: 10px;" id="btnsave" value="保存发车">
            <input  type="button" class="layui-btn layui-btn-normal" id="s" style="margin-top: 10px;" value="打印协议">
        </td>
    </tr>
    </thead>
</table>

</form>
    <div  style="width: 175px;background: #c8ccce;z-index: 2;float: left;position: relative;top: -460px;left:117px;" th:id="divername"><ul></ul></div>
    <div  style="width: 175px;background: #c8ccce;float: left;position: relative;top: -415px;left:117px;" th:id="consiCom"><ul></ul></div>
</div>



<script src="../../static/laydate/laydate.js"></script>
<script src="../../static/layui/layui.js"></script>
<script src="../../static/scripts/main.js"></script>
</body>

</html>